// pages/cate/cate.js
const { request } = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    num:0,
    sub_num:0,
    cates:[],
    sub_cates:[],
    items:[],
    page:1
  },
  // 获取所有的一级分类
  getAllCates(){
    request({
      url:'/goods/getCategoryList'
    }).then(res=>{
     
      if(res.data.code === 200){
        this.setData({
          cates: res.data.message
        })
        this.getSubCates();
      }
    })
  },
  // 获取二级分类
  getSubCates(){
   
    request({
      url:"/goods/getCategorySubList",
      method:"POST",
      data:{
        categoryId: this.data.cates[this.data.num].ID
      }
    }).then(res=>{
      if(res.data.code === 200){
        this.setData({
          sub_cates:res.data.message
        })
        this.getItems();
      }
    })
  },
  // 获取商品
  getItems(){
    console.log(111)
    request({
      url:"/goods/getGoodsListByCategorySubID",
      method:"POST",
      data:{
        categorySubId:this.data.sub_cates[this.data.sub_num].ID,
        page:this.data.page
      }
    }).then(res=>{
      console.log(res)
     
      if(res.data.code === 200){
        let items = [
          ...this.data.items,
          ...res.data.message
        ]
        console.log(items)
        this.setData({
          items
        })
      }
    })
  },
  // 切换一级分类
  switchCate(e){
    let {index} = e.currentTarget.dataset;
    if(index === this.data.num ){
      return;
    }
    this.setData({
      num:index,
      sub_num:0,
      items:[],
      page:1
    })
    // 重新获取 该一级分类下的二级分类
    this.getSubCates();
  },
  // 切换二级分类
  switch_sub_cate(e){
    let {index} = e.currentTarget.dataset;
    this.setData({
      sub_num:index,
      items:[],
      page:1
    })
    // 重新获取商品
    this.getItems();
  },
  scrollToBottom(){
    console.log("到底了");
    this.setData({
      page:++this.data.page
    })
    this.getItems();
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取一级分类
    this.getAllCates();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})